// 深紫主题
.theme-purple-dark {
  --theme-1: #F5E8FF;  // 最浅色
  --theme-2: #DDBEF6;
  --theme-3: #C396ED;
  --theme-4: #A871E3;
  --theme-5: #8D4EDA;
  --theme-6: #722ED1;  // 主色
  --theme-7: #551DB0;
  --theme-8: #3C108F;
  --theme-9: #27066E;
  --theme-10: #16004D;  // 最深色
  
  --theme-primary: var(--theme-6);        // 主色
  --theme-primary-hover: var(--theme-7);  // 悬浮色
  --theme-primary-active: var(--theme-8); // 激活色
  --theme-primary-light: var(--theme-2);  // 浅色
  --theme-bg: #17171A;                    // 背景色
  --theme-bg-content: #0b0b0b;            // 内容背景色
  --theme-bg-light: #232324;              // 浅背景色
}

// 深蓝主题
.theme-blue-dark {
  --theme-1: #E8F3FF;  // 最浅色
  --theme-2: #BEDAFF;
  --theme-3: #94BFFF;
  --theme-4: #6AA1FF;
  --theme-5: #4080FF;
  --theme-6: #165DFF;  // 主色
  --theme-7: #0E42D2;
  --theme-8: #072CA6;
  --theme-9: #031A79;
  --theme-10: #000D4D;  // 最深色
  
  --theme-primary: var(--theme-6);        // 主色
  --theme-primary-hover: var(--theme-7);  // 悬浮色
  --theme-primary-active: var(--theme-8); // 激活色
  --theme-primary-light: var(--theme-2);  // 浅色
  --theme-bg: #17171A;                    // 背景色
  --theme-bg-content: #0b0b0b;            // 内容背景色
  --theme-bg-light: #232324;              // 浅背景色
}

// 深绿主题
.theme-green-dark {
  --theme-1: #E8FFEA;  // 最浅色
  --theme-2: #AFF0B5;
  --theme-3: #7BE188;
  --theme-4: #4CD263;
  --theme-5: #23C343;
  --theme-6: #00B42A;  // 主色
  --theme-7: #009A29;
  --theme-8: #008026;
  --theme-9: #006622;
  --theme-10: #004D1C;  // 最深色
  
  --theme-primary: var(--theme-6);        // 主色
  --theme-primary-hover: var(--theme-7);  // 悬浮色
  --theme-primary-active: var(--theme-8); // 激活色
  --theme-primary-light: var(--theme-2);  // 浅色
  --theme-bg: #17171A;                    // 背景色
  --theme-bg-content: #0b0b0b;            // 内容背景色
  --theme-bg-light: #232324;              // 浅背景色
}

// 深红主题
.theme-red-dark {
  --theme-1: #FFECE8;  // 最浅色
  --theme-2: #FDCDC5;
  --theme-3: #FBACA3;
  --theme-4: #F98981;
  --theme-5: #F76560;
  --theme-6: #F53F3F;  // 主色
  --theme-7: #CB272D;
  --theme-8: #A1151E;
  --theme-9: #770813;
  --theme-10: #4D000A;  // 最深色
  
  --theme-primary: var(--theme-6);        // 主色
  --theme-primary-hover: var(--theme-7);  // 悬浮色
  --theme-primary-active: var(--theme-8); // 激活色
  --theme-primary-light: var(--theme-2);  // 浅色
  --theme-bg: #17171A;                    // 背景色
  --theme-bg-content: #0b0b0b;            // 内容背景色
  --theme-bg-light: #232324;              // 浅背景色
} 